* {
	margin: 0; padding:0; 	/*全要素のマージン・パディングをリセット*/
}
html {
	height: 100%
}
  
body {
	background-color:rgba(0,0,0,0.3);
	height: 100%; 
	margin: 0px; 
	padding: 0px;
}
form {
	padding:20px;
}
data {
	font-size:32px;
	color:rgba(42,63,85,1);
	line-height:140%;
}
table {
	width:100%;
}
.menu_icon {
	position:relative;
	color:rgba(255,255,255,0.8);
	text-shadow:0px 0.5px 3px rgb(255,255,255);
}
#head {
	display:block;
	position:relative;
	width:100%;
	height:50px;
	background: -webkit-gradient(linear, left top, left bottom,
									from(rgba(0,0,0,0.5)),
									to(rgba(0,0,0,0.9)));
	padding:0px 0px 0px 0px;
	text-align:center;
	font-size:20px;
	color:rgba(255,255,255,0.8);
	text-shadow:1.8px 1.8px rgb(0,0,0);
}
#content {
	position:relative;
	width:100%;
	height:80%;
}
#top {
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:auto;
}
#mirror {
	position:relative;
	width:100%;
	height:155px;
	z-index:-999;
}
#content_top {
	position:relative;
	top:0;
	left:0;
	width:100%;
	z-index:999
}
#setting_button {
	display:block;
	position: relative;
	top:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:rgba(0,0,0,0.5);
	letter-spacing: 1px;
}
#setting {
	display:none;
	top:100px;
	width:70%;
	height:auto;
	background:rgba(255,255,255,0.7);
	margin:50px auto;
}
#about {
	display:none;
	top:10px;
	width:95%;
	height:95%;
	background:rgba(255,255,255,0.8);
	margin:15px auto;
	overflow:auto;
}
#contents_back {
	display:none;
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);
	z-index:999999;
}
#data_form {
	position: relative;
	width:100%;
	height:auto;
	background:rgba(250,250,250,1);
	overflow:scroll;
}
#data_time {
	position: relative;
	width:100%;
	height:15px;
	overflow:scroll;
	background:rgba(250,250,250,1);
	text-align:right;
	font-size:10px;
	z-index:999;
}
#menu {
	position: relative;
	width:100%;
	height:40px;
	background: -webkit-gradient(linear, left top, left bottom,
									from(rgba(70,70,70,1)),
									color-stop(0.47,rgba(50,50,50,1)),
									color-stop(0.5,rgba(30,30,30,1)),
									to(rgba(10,10,10,1)));
	padding:0px 0px 5px 0px;
	font-size:30px;
	box-shadow:0px 0px 7px 2px rgba(0,0,0,1);
}
#home {
	display:block;
	width:100%;
	height:100%;
	padding-top:20px;
	background:rgba(255,255,255,1);
}
#maps {
	display:none;
}
#logs {
	display:none;
}
#foot {
	position: fixed;
	bottom:0;
	left:0;
	width:100%;
	height:20px;
	background:rgba(255,255,255,0.8);
	padding:5px 0px;
	text-align:center;
}

.hide {
	-webkit-animation-name:'hide';
	-webkit-animation-duration:0.3s;
	-webkit-animation-fill-mode:both;
	-webkit-animation-timing-function: linear;
}
.hide_data {
	-webkit-animation-name:'hide_data';
	-webkit-animation-duration:0.3s;
	-webkit-animation-fill-mode:both;
	-webkit-animation-timing-function: linear;
}
.show {
	-webkit-animation-name:'show';
	-webkit-animation-duration:0.3s;
	-webkit-animation-fill-mode:both;
	-webkit-animation-timing-function: linear;
}
.appear {
	display:block !important;
	-webkit-animation-name:'appear';
	-webkit-animation-delay:0.2s;
	-webkit-animation-duration:0.5s;
	-webkit-animation-fill-mode:both;
	-webkit-animation-timing-function: linear;
}
.disappear {
	-webkit-animation-name:'disappear';
	-webkit-animation-duration:0.2s;
	-webkit-animation-fill-mode:both;
	-webkit-animation-timing-function: linear;
}
@-webkit-keyframes 'hide' {
	0% {
		top:0px;
	}
	100% {
		top:-50px;
	}
}
@-webkit-keyframes 'hide_data' {
	0% {
		top:0px;
	}
	100% {
		top:-60px;
	}
}
@-webkit-keyframes 'show' {
	0% {
		top:-50px;
	}
	100% {
		top:0px;
	}
}
@-webkit-keyframes 'appear' {
	0% {
		opacity:0;
	}
	20% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@-webkit-keyframes 'disappear' {
	0% {
		opacity:1;
	}
	80% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}